<script setup>
    import Aside from "@/components/Aside.vue";
</script>

<template>

    <div class="container">
        <el-container>
            <el-header>
                <h2>后台管理系统</h2>
            </el-header>
            <el-container>
                <el-aside width="200px" class="menu">
                    <!-- 侧边栏：引入自定义菜单 -->
                    <Aside/>
                </el-aside>
                <el-main>
                    <!-- 路由占位符 -->
                    <router-view/>
                </el-main>
            </el-container>
        </el-container>
    </div>


</template>

<style scoped>
    *{
        padding: 0;
        margin: 0;
    }
    .container{
        margin:auto;
        width: 800px;
        height: 600px;
    }
    .menu {
        height: 88vh;
    }
    h2 {
        background-color: #82b5f6;
        color: white;
        margin: 0;
    }
</style>